import React, { FC } from "react";
import { useNavigate } from 'react-router-dom'
import styles from "./Home.module.scss"
import { Button, Typography } from "antd";


const Home: FC = () => {
    const nav = useNavigate()

    const { Title, Paragraph } = Typography
    
    function clickHandler() {
        nav('/login')
    }
    return <>
        <div className={styles.container}>
            <Title className={styles.bigTitle}>
                <span>小</span>
                <span>吴</span>
                <span>问</span>
                <span>卷</span>
                <span>不</span>
                <span>止</span>
                <span>这</span>
                <span>些</span>

            </Title>
            <Paragraph className={styles.text}>不止做问卷调查</Paragraph>
            <div className={styles.buttons}>
                <Button type="primary" size="large" onClick={clickHandler}>登录</Button>
                <Button size="large">注册</Button>
            </div>
        </div>
    </>
}

export default Home